<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>首页</title>
<style type="text/css">
*{
	margin: 0;
	padding: 0;
	font-size: 13px;
}
a{color:#333;text-decoration:none}
.nav{
	list-style: none;
	height: 10px;
	border-bottom: 10px solid #F60;
	margin-top: 20px;
	padding-left: 50px;
}

.nav li{
	float:left;
	}
	
.nav li a{
	display:block;
	 height:30px;
	 text-align:center;
	  line-height:30px; 
	  width:80px;
	   background:#efefef;
	    margin-left:1px;
		}
		
.nav li a.on, .nav li a:hover{
	background:#F60;
	color:#fff; 
	}
	
#header {
	height: 1000px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

#zhuce {
	height: 20px;
	width: 800px;
}

#zaixianfwu {
	float: right;
	height: 20px;
	width: 150px;
	line-height: 20px;
	background-position: center;
	text-align: center;
}

#denglv {
	float: left;
	height: 20px;
	width: 150px;
	font-size: 13px;
	line-height: 20px;
}

#daohang {
	height: 63px;
	width: 800px;
}

.nav {
	list-style:none;
	 height:30px; 
	 border-bottom:10px solid #F60;
	  margin-top:20px; 
	  padding-left:50px;
	  }
	  
.active {			
background-color: pink;
}

.num {
	position: absolute;
	bottom: -5px;
	left: 641px;
}

#dadediv {
	height: 750px;
	width: 800px;
}

#left {
	float: left;
	height: 550px;
	width: 480px;
}

#youhui1 {
	height: 45px;
	width: 185px;
	background-image: url(imges/%E6%9C%AA%E6%A0%87%E9%A2%98-1.jpg);
}

#tupian1 {
	height: 150px;
	width: 150px;
	margin-top: 5px;
	margin-left: 5px;
	background-image: url(__STATIC__/images/%E8%9C%88%E6%94%AF%E6%B4%B2%E5%B2%9B.jpg);
	float: left;
}

#tupian2 {
	float: left;
	height: 150px;
	width: 150px;
	margin-top: 5px;
	margin-left: 5px;
	background-image: url(__STATIC__/images/%E6%97%A5%E6%9C%AC%E5%A4%A7%E5%9D%82.jpg);
}

#tupian3 {
	float: left;
	height: 150px;
	width: 150px;
	margin-top: 5px;
	margin-left: 5px;
	background-image: url(__STATIC__/images/%E9%A6%99%E6%B8%AF.jpg);
}

#tupiao4 {
	float: left;
	height: 150px;
	width: 150px;
	margin-top: 5px;
	margin-left: 5px;
	background-image: url(__STATIC__/images/%E8%99%8E%E8%B7%B3%E5%B3%A1.jpg);
}

#tupiao5 {
	float: left;
	height: 150px;
	width: 150px;
	margin-left: 5px;
	margin-top: 5px;
	background-image: url(__STATIC__/images/%E6%9D%AD%E5%B7%9E%E8%A5%BF%E6%B9%96.jpg);
}

#tupiao6 {
	float: left;
	height: 150px;
	width: 150px;
	margin-top: 5px;
	margin-left: 5px;
	background-image: url(__STATIC__/images/%E6%B8%85%E8%BF%88.jpg);
}

.wenzi {
	float: left;
	height: 30px;
	width: 150px;
	margin-top: 5px;
	margin-left: 5px;
}

.jiage {
	float: left;
	height: 30px;
	width: 150px;
	margin-left: 5px;
	text-align: right;
}
#right1 {
	float: right;
	height: 460px;
	width: 310px;
	margin-left: 5px;
}
#gongsijianjie {
	height: 210px;
	width: 310px;
	float: right;
	font-size: 13px;
}
#xwkxun {
	height: 250px;
	width: 310px;
	margin-top: 15px;
	float: right;
}
#xinwenkuaixun {
	line-height: 20px;
	height: 20px;
	width: 120px;
	color: #0FF;
	font-weight: bold;
}
.xwenlianjie {
	line-height: 20px;
	height: 20px;
	width: 310px;
	margin-top: 8px;
}
.ys01 {
	font-size: 20px;
	line-height: 30px;
	color: #F00;
	font-weight: bold;
}
.ys02 {
	font-size: 13px;
	color: #F00;
	font-weight: normal;
}
.ys03 {
	font-size: 13px;
	line-height: 17px;
	color: #999;
	font-weight: normal;
}
a:link {
	text-decoration: none;
	color: #000;
}
a:visited {
	text-decoration: none;
	color: #FC6;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
	color: #0FC;
}
#footer {
	height: 70px;
	width: 800px;
}
.ys011 {text-align: center;
}
.ys012 {font-size: 13px;
	line-height: 20px;
	color: #F00;
	font-weight: bold;
}
#right {
	height: 600px;
	width: 315px;
	float: left;
}
#zaixianfuwu {
	float: left;
	height: 150px;
	width: 315px;
	margin-top: 20px;
}
#zxfw {
	height: 20px;
	width: 70px;
}
#lianxiren {
	height: 250px;
	width: 315px;
}
</style>
<script>
window.onload=function(){
	var oNav=document.getElementsByTagName('ul')[0];
	var aA=oNav.getElementsByTagName('a');
	for(var i=0; i<aA.length; i++){
		aA[i].onmouseover=function(){
			if(this.className!="on"){
				clearInterval(this.timer);
				var This=this;
				This.time=setInterval(function(){
					This.style.width=This.offsetWidth+8+"px";
					if(This.offsetWidth>=120)
					clearInterval(This.time);
				},30)
			}
		}
		aA[i].onmouseout=function(){
			if(this.className!="on"){
				clearInterval(this.time);
				var This=this;
				this.time=setInterval(function(){
					This.style.width=This.offsetWidth-8+"px";
					if(This.offsetWidth<=80){
						This.style.width='80px';
						clearInterval(This.time);
					}
				},30)
			}
		}
	}
}
</script>

</style>

</head>

<body>
<div id="header">
<div id="zhuce">
       {if condition="$Think.session.user neq null"}
	<span style="color:red">欢迎你！{$Think.session.user.name}</span>
       {else/} <div class="ys01" id="denglv">您好，请<span class="ys012"><a href="{:url('user/login')}">登录</a> <a href="{:url('user/register')}">免费注册</a></span></div>
       {/if}
  <div id="zaixianfwu">在线服务| 我的订单{if condition="$Think.session.user neq null"}|<a href="{:url('user/clears')}">退出</a>{/if}</div>
      <form name="form1" method="post" action="">
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <select name="select" id="select">
          <option>东莞</option>
          <option>北京</option>
          <option>上海</option>
          <option>深圳</option>
          <option>惠州</option>
          <option>日本</option>
          <option>香港</option>
        </select>
        &nbsp;&nbsp;
        &nbsp;&nbsp;
        <input type="text" name="textfield" id="textfield2">
        <input type="submit" name="button" id="button" value="搜索">
  </form>
      </form>
  </div>
  <div id="daohang">
    <ul class="nav">
          <li><a class="on" href="{:url('index/index')}">首页</a></li>
          <li><a href="推荐.html">推荐</a></li>
          <li><a href="{:url('index/hotelpage')}">酒店</a></li>
          
          <li></li>
          <li></li>
          <li><a href="{:url('index/shop')}">美食</a></li>
          <li></li>
      <li><a href="{:url('user/message')}">留言区</a></li>
    </ul>
  </div>
  <div id="dadediv">
    <div id="left">
      <div id="youhui1">
      </div>
      <div class="tupian"></div>
      <div id="tupian1"></div>
      <div id="tupian2"></div>
      <div id="tupian3"></div>
     
      <div class="wenzi">
      <span class="ys03">蜈支洲岛+三亚湾+亚龙湾5日4晚自助游</span></div>
      <div class="wenzi">
      <span class="ys03">日本东京+大坂+京都7日自由行</span></div>
      <div class="wenzi">
      <span class="ys03">维多利亚湾+南丫岛+紫荆广场5晚6日自助游</span></div>
      <div class="jiage">
      <span class="ys01">￥2890</span><span class="ys02">起</span></div>
      <div class="jiage">
      <span class="ys01">￥3450<span class="ys02">起</span></span></div>
      <div class="jiage">
      <span class="ys01">￥1320</span><span class="ys02">起 </span></div>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <div id="tupiao4"></div>
      <div id="tupiao5"></div>
      <div id="tupiao6"></div>
    
      <div class="wenzi"><span class="ys01"><span class="ys03">虎跳峡+松赞林寺+纳帕海4日3晚跟</span></span><span class="ys03">团游</span></div>
      <div class="wenzi"><span class="ys03">杭州西湖+清河坊街+苏堤5晚6日自由行</span></div>
      <div class="wenzi"><span class="ys03">泰国清迈+曼谷+普吉岛3日2晚跟团游</span></div>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <div class="jiage">
      <span class="ys01">￥3580</span><span class="ys02">起</span></div>
      <div class="jiage">
      <span class="ys01">￥2300</span><span class="ys02">起</span></div>
      <div class="jiage">
      <span class="ys01">￥3380</span><span class="ys02">起</span></div>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
    </div>
    <div id="right">
      <div id="gongsijianjie">
        <p>公司简介：</p>
        <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;MDC国内外旅游有限公司成立于2013年是经过国家旅游局批准的具有经营出境、入境和国内外的国际旅行社，许可证骗码：g-MDC-my000005,是广东省从事旅游业务最晚的，但我们是一家最强的专业旅游公司之一，在不算太晚，在信誉方面也得到了A级信誉旅行社，首批五星级旅行社。</p>
        <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 经过多年来，也通过全体员工的努力下，包括：专业的营销队伍、敬业的导游人才、完善的售后服务，，得到市场和游客的高度好评，成为名副其实的经营出境、入境和国内外旅游的专业、诚信的大型旅游服务机构。 </p>
        <p>&nbsp;&nbsp; 公司地址：广东省东莞市厚街镇教育园区学府路 </p>
      </div>
      <div id="zaixianfuwu">
        <div id="zxfw">
          <p>在线服务：</p>
          <div id="lianxiren">
            <p>联系人：敏 茵 明 </p>
            <p>手机：15622526641 15622901936 18927615908</p>
            <p>电话：0769-8741253</p>
            <p>传真：1457894578</p>
            <p>QQ:257895464</p>
            <p>Email:257895464@qq.com</p>
            <p>地址;广东省东莞市厚街镇教育园区学府路 </p>
            <div id="xwkxun">
              <div id="xinwenkuaixun">新闻资讯(News)</div>
              <div class="xwenlianjie"> <a href="http://yn.people.com.cn/news/yunnan/n2/2017/0530/c372966-30254948.html">&nbsp;&nbsp;香格里拉虎跳峡镇:党建扶贫双推进 立足旅游促增</a></div>
              <div class="xwenlianjie"> <a href="http://news.cncn.com/245508.html">&nbsp;&nbsp;澳大利为保护濒危的草地 澳将消灭百万只袋鼠</a></div>
              <div class="xwenlianjie"> <a href="http://news.163.com/15/0423/15/ANT6O2AN00014AEE.html">&nbsp;&nbsp;途牛海岛优势加大 马代毛求市场份额领先</a></div>
              <div class="xwenlianjie"> <a href="http://news.cncn.com/256462.html">&nbsp;&nbsp;昆明“十三五”将建74个重点公园</a></div>
              <div class="xwenlianjie"> <a href="http://news.cncn.com/256461.html">&nbsp;&nbsp;云南省体育旅游研究基地曲靖落户</a></div>
              <div class="xwenlianjie"> <a href="http://news.cncn.com/256452.html">&nbsp;&nbsp;第十四届齐文化节开幕 泱泱齐风展中华风采</a></div>
              <div class="xwenlianjie">&nbsp;<a href="http://news.cnair.com/c/201709/82751.html">京白梨故乡产业再升级，打造京西农业发展新动能</a></div>
            </div>
          </div>
          <p>&nbsp;</p>
        </div>
      </div>
    </div>
  </div>
  <div id="footer">
    <p class="ys011"><a href="http://www.zglxw.com/about/" title="中国国旅总社">关于我们</a>  |  <a href="http://www.zglxw.com/about/aboutus/" title="中国国旅电话">联系我们</a>  |  <a href="http://www.zglxw.com/about/joinus/" title="国旅招聘">诚聘英才</a>  |  <a href="http://www.zglxw.com/about/licheng/" title="国旅发展历程">发展历程</a>  |  <a href="http://www.zglxw.com/about/zizhi/" title="国旅营业资质">旅游资质</a>  |  <a href="http://www.zglxw.com/about/mianze/" title="国旅免责声明">免责声明</a>  |  <a href="http://www.zglxw.com/about/yuding/" title="国旅预定须知">预定须知</a>  |  <a href="http://www.zglxw.com/sitemap.html">网站地图</a>  |  <a href="http://www.zglxw.com/about/links/">友情链接</a>  |  <a href="http://tongji.baidu.com/hm-web/welcome/ico?s=f1271907205302e096c660415147808d" target="_blank">网站统计</a></p>
      {include file="public/food"}

  </div>
</div>
</body>
</html>
